

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>__TITLE__</title>
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0"/>
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        if (clientWidth >= 750) {
                            docEl.style.fontSize = '100px';
                        } else {
                            docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                        }
                    };

            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    <link rel="stylesheet" href="__STATIC__/index/css/common.css">
    <link rel="stylesheet" href="__STATIC__/index/css/index.css">
    <link rel="stylesheet" href="__STATIC__/index/css/swiper.min.css">
    <script type="text/javascript" src="__STATIC__/index/js/jquery.js"></script>
</head>
<body style="background-color: #333;" class="e_report e_jiopian">
<form action="">
    <div class="cont">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">

                {foreach name="$electronic_film" item="vo" key="key"}

                {foreach name="$vo['img']" item="svo" key="skey"}
                <div class="swiper-slide ">
                    <div id="dwv_{$key}_{$skey}" class="dcmWidth">
                        <div class="layerContainer">
                            <canvas class="imageLayer"></canvas>
                        </div>
                    </div>

                    <script>

                        $(function() {
                            n = "{$key}";
                            k = "{$skey}";
                            url = "{$svo}";
                            init_dicom(n,k,url)
                        })

                    </script>

                </div>
                {/foreach}

                {/foreach}


            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiperFixed"></div>
        </div>
        <script type="text/javascript" src="__STATIC__/common/dwv/dwv-0.22.0.min.js"></script>
        <!-- Swiper JS -->
        <script src="__STATIC__/index/js/swiper.min.js"></script>
        <script src="__STATIC__/index/js/record.js"></script>

        <!-- Initialize Swiper -->
        <script>
        	$(function(){
				var swiper = new Swiper('.swiper-container', {
					nextButton: '.swiper-button-next',
					prevButton: '.swiper-button-prev',
					pagination: '.swiper-pagination',
					paginationType: 'fraction'
				});
			});
        </script>
    </div>
</form>
</body>
</html>